.later, .lunch, .huis {
		background-color: orange!important;
	}
	.FZ {
		background-color: lightgreen;
	}
	.KR {
		background-color: yellow;
	}
	.ZR {
		background-color: lightblue;
	}
	.les {
		background-color: white !important;
	}
	.KS {
		background-color: #E0BFB8 !important;
	}
	.master {
		height: 15%;
		font-size:20px;
		position: absolute;
		top: 200px;
		width: 100%;
	}
	.col0 {
		background-color:lightgrey;
		width:60px;
		height:45px;
		float:left;
		padding: 5px 0px 0px 10px;
		font-weight:900;
		border: 1px solid black;
	}
	.col1 {
		background-color:lightgrey;
		width:60px;
		height:90px;
		float:left;
		text-align:center;
		padding: 5px 0px 0px 10px;
		font-weight:900;
		border: 1px solid black;
	}
	.col2 {
		background-color:lightgrey;
		width:100px;
		height:45px;
		float:left;
		padding: 5px 0px 0px 10px;
		font-weight:900;
		border: 1px solid black;
	}
	.col3 {
		width:100px;
		height:90px;
		padding: 5px 0px 0px 10px;
		float:left;
		font-weight:900;
		border: 1px solid black;
	}
	.col4 {
		width:300px;
		height:90px;
		padding: 5px 0px 0px 10px;
		float:left;
		font-weight:900;
		border: 1px solid black;
	}
	.col5 {
		width:300px;
		height:45px;
		padding: 5px 0px 0px 10px;
		float:left;
		font-weight:900;
		border: 1px solid black;
	}


           td, th {
                font-size: xx-large;
                padding: 7px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .col {
                width:150px;
                height:1000px;
                float:left;
            }
            .cel {
                width:150px;
                height:80px;
                float:left;
                border: 1px solid black;
                text-align: center;
            }
            .row {
//              overflow: auto;
                 width:2000px;
            }
            .row-right {
                height:80px;
                overflow: auto;
            }
            .leerkrachten{
                text-transform: uppercase;
                font-weight: 900;
            }
            .knop {
                height:30px;
                margin:0px;
                min-width:30px;
            }
            .legende {
                 width:15%;
                 height:80px;
                 float:left;
                 padding:20 0 0 60;
                 font-weight:900;
                 font-size:20px;
             }
             .orange {
                  background-color:orange;
             }
             .white {
                  background-color:white;
             }
	     .rose {
		background-color:#E0BFB8;
		}
             .lightgreen {
                  background-color:lightgreen;
             }
             .yellow {
                  background-color:yellow;
             }
             .lightblue {
                  background-color:lightblue;
             }
@media (max-width:900px) {
             .legende{
                  font-size:12px;
                  padding:20 0 0 10;
            }
}